div,table,form,th,td,img,h1,h2,h3,h4,fieldset
{
padding:0;	
margin:0;	
border:0
}

body
{
background:url("../img/gradient.png") repeat-x top;
background-color:#aaa;	
color:black;
margin:0
}

body,input,textarea,select,option,button,th,td
{
font-family:verdana,Arial,sans-serif;	
font-size:15px
}

a
{
color:#0000cc;	
text-decoration:none;
}

a:hover
{
text-decoration:underline
}

a.selected
{
color:black;	
font-weight:bold
}


a.selected:hover
{
text-decoration:none
}

/** elements **/
div.textbox,textarea,input.textbox
{
border:1px solid #b4b4b4;	
border-top-color:#727272;	
border-bottom-color:#dadada;	
background:url("../img/textbox-bg.png") repeat-x top;	
background-color:white;	
padding:3px
}

div.textbox input,div.textbox textarea
{
width:100%;	
padding:0;	
border:0;	
background:white;	
outline-color:-moz-use-text-color;	
outline-style:none;	
outline-width:0px
}

textarea.blur,input.blur
{
color:silver;	
text-decoration:none
}

#dialog .buttons input.save
{
font-weight:bold
}


form label{
line-height: 1.8em;
}
/** page/box **/

.box .box-top,.box .box-bottom,.box .box-corner
{
background-image:url("../img/box-gray.png?v=0dab");	
background-repeat:no-repeat
}

.box .box-top,.box .box-bottom
{
margin-left:10px
}

.box .box-corner
{
background-position:top left;	
margin-left:-10px;	
width:10px;	
float:left;	
display:inline
}

.box .box-top .box-spacer,.box .box-top .box-corner
{
height:10px
}

.box .box-bottom .box-spacer,.box .box-bottom .box-corner
{
height:10px
}

.box .box-top
{
background-position:top right
}

.box .box-bottom
{
background-position:bottom right
}

.box .box-bottom .box-corner
{
background-position:bottom left;
}

.box .box-body
{
background:#eee;	
padding-top:15px;	
padding-left:25px;	
padding-right:25px
}

.box.white .box-top,.box.white .box-bottom,.box.white .box-corner
{
background-image:url("../img/box-white.png?v=fd1f")
}

.box.white .box-body
{
background:white
}

.box .box-bar,.box .box-bar .box-corner
{
background-repeat:no-repeat
}

.box .box-bar
{
margin-left:10px;	
background-position:top right
}

.box .box-bar .box-corner
{
background-position:top left
}

.box .box-bar .box-bar-text,.box .box-bar .box-bar-text a
{
color:white
}

.box .box-bar .box-bar-text
{
padding-left:5px;	
padding-right:7px;	
line-height:28px
}

.box .box-bar .box-corner
{
height:28px
}

.box-bar-text .title
{
font-weight:bold
}


.box .box-bar,.box .box-bar .box-corner
{
background-image:url("../img/bar-home.png?v=05a7")
}

.box .box-bar.green-bar,.box .box-bar.green-bar .box-corner
{
background-image:url("../img/bar-friends.png?v=b42c")
}

.box .box-bar.groups,.box .box-bar.groups .box-corner
{
background-image:url("../img/bar-groups.png?v=7d74")
}

.box .box-bar.search,.box .box-bar.search .box-corner
{
background-image:url("../img/bar-search.png?v=1012")
}

/** layout **/

#container
{
margin:auto;	
width: 90%;
/*width:961px;	*/
width:auto !important;	
/*max-width:961px;*/
min-width:740px;
padding:20px;	
padding-top:10px
}

#container.nosidebar
{
width:755px;	
width:auto !important;	
max-width:755px
}

#header
{
padding-bottom:10px
}

#header .logo
{
line-height:0;	
padding-left:10px;	
padding-right:25px
}

#ranking{
}

#sidebar
{
width:245px;
float:right;	
display:inline
}

#body
{
margin-right:270px
}

#footer
{
padding-left:10px;	
padding-top:10px
}

#footer,#footer select
{
color:#444
}


/** sidebar **/
#sidebar .box .box-body
{
padding-top:10px;	
padding-left:15px;	
padding-right:15px;	
padding-bottom:3px
}

#sidebar .box .footer,#sidebar .box .emptymessage
{
color:#737373;	
font-size:11px;	
font-family:"Lucida Grande",Tahoma,Verdana
}

#sidebar .box .footer
{
padding-top:10px
}

#sidebar .box .emptymessage a,#sidebar .box .footer a
{
color:#77c
}

#sidebar .box ul
{
list-style-type:none;	
margin:0;	
padding:0
}

#sidebar .box ul li
{
padding-bottom:3px;	
white-space:nowrap;	
overflow:hidden
}

#sidebar .box .section
{
border-bottom:1px solid #ccc;	
margin-bottom:11px;	
padding-bottom:8px
}

#sidebar .box .updated
{
font-family:"Lucida Grande",Tahoma,Verdana;	
font-size:11px;	
line-height:11px;	
color:#888;	
padding-bottom:1px
}

#sidebar .box,#sidebar #profile
{
margin-bottom:23px
}

#sidebar #profile td
{
vertical-align:top
}

#sidebar #profile td.image
{
line-height:0;	
padding-right:8px
}

#sidebar #profile .name
{
font-weight:bold;	
margin-bottom:2px
}

#sidebar #profile img.picture
{
border-color:#aaa
}

#sidebar .box a.unread
{
font-weight:bold
}

#sidebar .box .box-bar .edit
{
float:right;	
display:none
}

#sidebar .box:hover .box-bar .edit
{
display:inline
}

/** vote **/
.entry{
	padding-top: 14px;
}

.vote{
	float:left;
	font-size: 26px;
	color: #d95353;
}

.entry .body{
margin-left: 68px;
line-height: 1.5em;

}

.entry .body .feedback{
	float: right;
}

.entry .feedback,.entry .likes,.entry .comments,.entry .feedback a.date,.entry .info a.service,.entry .comments a.via,.entry .commentform textarea
{
font-size:14px;	
/* necessary to prevent font-shifting with realtime */ color:#666
}

.entry .up a,.entry .comment a,.entry .down a,.entry .favor a
{
color:#7777cc;
margin-left: 18px;
}

.entry .comment{
background:url('../img/comment-new.png') no-repeat left top;
}

.entry .up{
background:url('../img/up.png') no-repeat left top;
}

.entry .down{
background:url('../img/down.png') no-repeat left top;
}

.entry .favor{
background:url('../img/favor.png') no-repeat left top;
}


.up-word, .down-word, .comment-word{
font-size: 18px;
}

.up-word{
background:url('../img/up-word.png') no-repeat left;
}

.down-word{
background:url('../img/down-word.png') no-repeat left top;
}

.comment-word{
background:url('../img/comment-word.png') no-repeat left top;
}

.entry
{
padding-bottom:14px;	
border-bottom:1px solid #eee
}
.entry .commentform
{
padding-left:21px;
margin-top: 8px;
}

.entry .commentform textarea
{
font-size:13px;	
line-height:16px;	
/* necessary to prevent font-shifting with realtime */ color:#666;
width:95%;
height:18px
}

.entry .commentform .buttons
{
margin-top:2px;
width:95%;
}
